<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>

    /* 
     常见的业务
      1 异步请求 必须是 先执行 A 再执行 B
        选择地区  中国 -> 广东 -> 广州 -> 天河 -> 吉山 
      
      2 异步请求 同时发送出去 
        1 热门城市  3s
        2 所有城市  5s 
        3 最后的数据回来 将他们组装到一起 然后再来使用
          A 按顺序   3s + 5s = 8s 
          B 同时     Max(3s,5s) = 5s 

    
     */


    function AAAA() {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve("AAAA");
        }, 3000);
      })
    }
    function BBBB() {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve("BBBB");
        }, 5000);
      })
    }

    init();
    async function init() {
      console.time("开始计时")
      // const res1=await AAAA();
      // const res2=await BBBB();
      const res=await Promise.all([AAAA(),BBBB()])
      console.timeEnd("开始计时");
      console.log(res);
    }



  </script>
</body>

</html>